<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="../script/jquery-1.7.2.js"></script>
<script type="text/javascript">

	$(function(){
		//testDiv.css("color","red")
		//testDiv.style.color = "blue";

		var arr = [123, "abc", true];

		var $btns = $("button");
		// for (var i = 0; i < $btns.length; i++) {
		// 	alert($btns[i]);
		// }

		// document.getElementById("testDiv").innerHTML = "这时dom对象的属性";
		//$("#testDiv").text("这时JQuery对象的属性");

		var domObj = document.getElementById("testDiv");
		var $jqObj = $(domObj);//dom对象转jQuery对象
		alert($jqObj);
		var domObj2 = $jqObj[0];//jQuery对象转dom对象
		alert(domObj2);

	});

</script>
</head>
<body>
	
	<div id="testDiv">Atguigu is Very Good!</div>
	
	<button id="dom2dom">使用DOM对象调用DOM方法</button>
	<button id="dom2jQuery">使用DOM对象调用jQuery方法</button>
	<button id="jQuery2jQuery">使用jQuery对象调用jQuery方法</button>
	<button id="jQuery2dom">使用jQuery对象调用DOM方法</button>

</body>
</html>